<template>
	<div>
		<div>{{ age }}</div>
		<div>{{ state.name }}</div>
	</div>
</template>

<script setup lang="ts">
import { reactive } from 'vue'

const state = reactive({
	name: 'hong',
})
</script>

<!-- 这是市混入，vue3不能直接再setup中混入，可以写一个hook来混入 ，也可以像下面这样-->
<script lang="ts">
const mixin = {
	data() {
		return {
			age: 20,
		}
	},
}
export default {
	mixins: [mixin],
}
</script>
